<template>
  <div>
    <h1>  我是app 根组件</h1>

<!-- 定义路由导航标签 -->
<!-- <a href="#/home"> home</a>
<a href="#/about">about</a> -->
<router-link  to="/home"> home</router-link>
<router-link  to="/about"> about</router-link>


    <!--  路由组件渲染的出口 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='css'>

.router-link-active {
  color: red;
  font-weight: 900;
}

</style>